<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Bootstrap -->
	<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
	<style type="text/css">

      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      .container {
        width: auto;
        max-width: 680px;
      }
      .container .credit {
        margin: 20px 0;
      }

    </style>
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
	<div id="wrap">
		<div class="navbar navbar-inverse">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<a class="brand" href="#">Your Website</a>
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li class="active"><a href="index.php">홈</a></li>
							<li class=""><a href="calculator.php">계산기</a></li>
							<li class=""><a href="dateform.php">날짜 폼</a></li>
							<li class=""><a href="#">link four</a></li>
							<li class=""><a href="#">link five</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="page-header">
	        	<!-- Start of the page-specific content. -->

	        	<h1>Content Header</h1>
	        	<p>This is where the page-specific content page. This section, and the corresponding header, will change from one to the next.</p>

	        	<p>Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.Volutpat at varius sed sollictidudin et, arcu.</p>

	        	<!-- End of the page-specific content. -->
			</div>
			<div class="push"><!--//--></div>
		</div>
	</div>
	<div id="footer">
		<div class="container">
			<p class="muted credit">Copyright &copy; <a href="#">Plain and Simple</a> 2007 | Designed by <a href="#">edg3.co.uk</a> | Sponsored by <a href="#">Open Designs</a> | Valid <a href="#">CSS</a> &amp; <a href="#">XHTML</a></p>
		</div>
	</div>

	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="../js/bootstrap.min.js"></script>
</body>
</html>